<template>
  <div class="TaxAdjustItemDeclarationInfo_box">
    <!-- 头部 -->
    <Info title="所得税汇算清缴申报" />
    <!-- main -->

    <!--  -->

    <el-card class="MonthlyDeclarationForm_box">
      <div slot="header" class="clearfix">
        <span>缴税详情</span>
        <div class="tabel_box">
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="用户管理" name="first"> </el-tab-pane>
            <!--  -->
            <el-tab-pane label="配置管理" name="second">
              <el-table :data="tableData" border style="width: auto">
                <!-- 项目 -->
                <el-table-column label="项目" width="auto">
                  <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.title }}</span>
                  </template>
                </el-table-column>
                <!-- 所属项目 -->
                <el-table-column label="所属项目" width="auto">
                  <template slot-scope="scope"> {{ scope.row.name }}</template>
                </el-table-column>

                <!--  决策招标-->
                <el-table-column label="决策招标" width="auto">
                  <template slot-scope="scope"> {{ scope.row.zhao }}</template>
                </el-table-column>
                <!--  预计指标-->
                <el-table-column label="预计指标" width="auto">
                  <template slot-scope="scope">
                    {{ scope.row.zhibiao }}</template
                  >
                </el-table-column>
                <!--  积累纳税-->
                <el-table-column label="积累纳税" width="auto">
                  <template slot-scope="scope">
                    {{ scope.row.nashui }}</template
                  >
                </el-table-column>
                <!--  金额(元)-->
                <el-table-column
                  :index="indexMethod"
                  label="应纳税额"
                  width="auto"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="form[`input${scope.row.$index}`]"
                      placeholder="请输入内容"
                    >
                    </el-input>
                  </template>
                </el-table-column> </el-table
            ></el-tab-pane>
            <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="fourth"
              >定时任务补偿</el-tab-pane
            >
          </el-tabs>
        </div>
      </div>
    </el-card>

    <!-- 底部 -->
  </div>
</template>
<script >
import Info from "./components/info.vue";
export default {
  name: "TaxAdjustItemDeclarationInfo",
  components: {
    Info,
  },
  data() {
    return {
      activeName: "second",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>

<style scoped lang='scss'>
</style>